$(function() {
	$('.show-tag').click(function(){
		$('#tag-bag-model').modal('show');
		$('#temp-data').attr('name',$(this).html());
		$('#temp-data').attr('idn',$(this).attr('id'));
	});
	$('.link-bag').click(function(){
		var typeID=$(this).attr('id');
		typeID='b'+typeID.substring(3, typeID.length);
		var ready=$('#'+typeID).find('.bg-tags').find('a');
		var id=$('#temp-data').attr('idn');
		for(var i=0;i<ready.length;i++){
			if($(ready[i]).attr('id')==('f'+id)){
				$('#tag-bag-model').modal('hide');
				return;
			}
		}
		var name=$('#temp-data').attr('name');
		appendHtml(name,typeID,id);
		$('#tag-bag-model').modal('hide');
	});
	$('#login-btn').click(function(){
		$('#login-modal').modal('show');
	});
});
function appendHtml(name,type,id){
	var cHtml='';
	cHtml+='<div class="bg-tags">'+name+'<a href="javascript:void(0)"  onclick=reTag(this) id="f'+id+'"><i class="icon-remove"></i></a></div>';
	$('#'+type).append(cHtml);
}
function reTag(obj){
    var id=$(obj).attr('id');
    id=id.substring(1,id.length);
	var type=$(obj).attr('flag');
	var num=$('.'+type+' a').length;
	$(obj).parent().remove();
	$('#'+id).removeAttr('click');
} 